<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>
    <style></style>
</head>
<body>
    <!--1.行内写法:写在对应的html元素上
    onclick="" 给元素绑定一个点击事件,点击元素时执行""里的代码
    console.log(666) 向浏览器控制台输出数字666
    alert(888) 弹窗,显示数字888 -->
    <button onclick="console.log(666)">点击即玩</button>
    <button onclick="alert('请先登陆!')">点击即玩2</button>
    <div id="d1"></div>

    <!-- 2.内部写法:在body结束前加script标签,在标签里写JS代码 -->
    <script>
        console.log('我想看看执行了没!');
        console.log(d1);
    </script>

    <!-- 3.外部写法:在script标签的src属性引入外部的JS文件
       若此标签用于引入外部JS文件,则标签中间的JS不执行-->
    <script src="01.js">
        console.log('你看我执行吗?')
    </script>
</body>
</html>